<template> 
    <div class="box">
        <div class="head">
            <i class="el-icon-arrow-left" @click="back"></i>
            <a>登陆</a>
            <hr>
        </div>
        <div class="box_contion">
            <a>手机/密码输入错误</a>
        </div>
        <div class="box_input">
            <el-input  placeholder="请输入账号"  ></el-input>
            <el-input  placeholder="请输入密码" ></el-input>
            <el-button type="primary" size="large" class="btn">登录逗趣</el-button>
        </div>
        <div  class="foot">
            <p><a href="#">注册账号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>|<a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;忘记密码</a></p>
        </div>
        <div class="foot_di">
            <p>————第三方————</p>
            <div class="icon">
                <ul>
                    <li><img src="../assets/images/qq_03.png" alt=""></li>
                    <li><img src="../assets/images/qq_05.png" alt=""></li>
                    <li><img src="../assets/images/qq_07.png" alt=""></li>
                </ul>
            </div>
        </div>
    </div> 
</template>

    
<script>     
export default{
    name:'login',
    data(){
        return{

        }
    },
    methods:{
            back(){
                this.$router.go(-1);
            }
        }
}
</script>

<style lang="less" scoped>
.box{
    width:100%;
}
a{
    text-decoration: none;

}
.box .el-icon-arrow-left{
    font-size: 20/35rem;
}
 .head a{
    font-size: 20/35rem;
  	margin-left:140/35rem;
}
.box .box_contion{
    width:200/35rem;
    font-size: 20/35rem;
    height:50/35rem;
    border-radius: 10/35rem;
    
    background: #f0f0f0;
    margin-top: 100/35rem;
    margin-left:80/35rem;
}
.box_contion a{
       margin-left:20/35rem;
   		line-height:50/35rem;
}

.btn{
    margin-top: 10/35rem;
    width:340/35rem;
    height:35/35rem;
    font-size: 16/35rem;
}
.foot p{
    text-align:center;
}
.foot p a{
    color:gray;
}
.foot_di p{
    margin-top: 80/35rem;
    text-align:center;
}
.icon ul li{
    margin-top: 50/35rem;
    list-style:none;
    float:left;
    margin-left:50/35rem;
    

}


</style>